<template>
  <div class="lyear-layout-web">
    <div class="lyear-layout-container">
      <!--左侧导航-->
      <aside class="lyear-layout-sidebar">
        <!-- logo -->
        <div id="logo" class="sidebar-header">
          <a href="/">
            <img src="../assets/images/logo-sidebar.png" />
          </a>
        </div>
        <div class="lyear-layout-sidebar-info lyear-scroll">
          <nav class="sidebar-main">
            <!-- <ul class="nav-drawer"></ul> -->
            <common-aside></common-aside>

          </nav>
        </div>
      </aside>
      <!--End 左侧导航-->

      <!--头部信息-->
      <header class="lyear-layout-header">
        <el-header><common-header></common-header></el-header>
      </header>
      <!--End 头部信息-->

      <!--页面主要内容-->
      <main class="lyear-layout-content">
        <main-board></main-board>
      </main>
      <!--End 页面主要内容-->
    </div>
  </div>
</template>
<script>
import CommonHeader from "../components/CommonHeader.vue"
// import Dropdown from "../components/Dropdown.vue";
// import Menu from "../components/Menu.vue";
import CommonAside from '../components/CommonAside.vue'

import MainBoard from "./MainBoard.vue";
export default {
  name: "About",
  components: {
    CommonAside,
    CommonHeader,
    // Dropdown,
    MainBoard,
  },
};
</script>
